<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>报告详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style type="text/css">
			.contains {
				font-size: 0.3rem;
			}
			.contains .title {
				position: relative;
				padding-right: 0.8rem;
				border-bottom: 1px solid #edede5;
				background-color: #fff;
			}
			.contains .title .con5 {
				position: absolute;
				right: 0.36rem;
			}
			.contains .title text {
				display: inline-block;
				height: 0.8rem;
				line-height: 0.8rem;
				text-align: center;
			}
			.contains .contain {
				height: 1rem;
				line-height: 1rem;
				padding-right: 0.8rem;
				position: relative;
				border-bottom: 1px solid #edede5;
				background-color: #fefef2;
			}
			.contains .contain text {
				display: inline-block;
				text-align: center;
			}
			.contains .con1 {
				width: 1.8rem;
			}
			.contains .con2 {
				width: 1.4rem;
				color: #96968a;
			}
			.contains .con3 {
				width: 1rem;
				color: #f34a72;
			}
			.contains .con4 {
				width: 2rem;
				color: #21802f;
			}
			.contains .con5 {
				position: absolute;
				/*width: 0.8rem;*/
			}
			.contains .hight {
				color: #fff;
				width: 0.54rem;
				height: 0.54rem;
				line-height: 0.54rem;
				border-radius: 50%;
				right: 0.36rem;
				top: 0.2rem;
				background-color: #e83a28;
			}
			.contains .low {
				color: #fff;
				width: 0.54rem;
				height: 0.54rem;
				line-height: 0.54rem;
				border-radius: 50%;
				right: 0.36rem;
				top: 0.2rem;
				background-color: #05a1e0;
			}
			.contains .contain.active {
				background-color: #effafe;
			}
		</style>
	</head>
	<body>
		<header>
			<span></span>
			<text class="title">报告详情</text>
			<text class="iconfont icon-llmainpageback" id="back"></text>
			<text class="iconfont icon-iconfontclosesmall"></text>
			<text class="iconfont icon-gengduo"></text>
		</header>
		<section class="contains">
			<div class="title">
				<text class="con1">检查项目</text>
				<text class="con2">单位</text>
				<text class="con3">结果</text>
				<text class="con4">正常值</text>
				<text class="con5">结果</text>
			</div>
			<div class="contain">
				<text class="con1">葡萄糖</text>
				<text class="con2">mmol/L</text>
				<text class="con3">12.06</text>
				<text class="con4">3.36～5.88</text>
				<text class="con5 hight">H</text>
			</div>
			<div class="contain">
				<text class="con1">间接胆红素</text>
				<text class="con2">ummol/L</text>
				<text class="con3">23.6</text>
				<text class="con4">1.5～15.0</text>
				<text class="con5 hight">H</text>
			</div>
			<div class="contain">
				<text class="con1">总胆红素</text>
				<text class="con2">mmol/L</text>
				<text class="con3">27.6</text>
				<text class="con4">&lt;20.0～</text>
				<text class="con5 hight">H</text>
			</div>
			<div class="contain">
				<text class="con1">谷氨酰转肽酶</text>
				<text class="con2">IU/L</text>
				<text class="con3">89</text>
				<text class="con4">&lt;50～</text>
				<text class="con5 hight">H</text>
			</div>
			<div class="contain active">
				<text class="con1">谷草/谷丙</text>
				<text class="con2"></text>
				<text class="con3">0.73</text>
				<text class="con4">0.80～3.00</text>
				<text class="con5 low">L</text>
			</div>
			<div class="contain">
				<text class="con1">尿酸</text>
				<text class="con2">umol/L</text>
				<text class="con3">267</text>
				<text class="con4">92～445</text>
				<text class="con5"></text>
			</div>
			<div class="contain">
				<text class="con1">磷</text>
				<text class="con2">mmol/L</text>
				<text class="con3">1.00</text>
				<text class="con4">0.80～1.58</text>
				<text class="con5"></text>
			</div>
			<div class="contain">
				<text class="con1">白球比</text>
				<text class="con2"></text>
				<text class="con3">1.6</text>
				<text class="con4">1.2～2.3</text>
				<text class="con5"></text>
			</div>
			<div class="contain">
				<text class="con1">腺苷脱氢酶</text>
				<text class="con2">U/L</text>
				<text class="con3">15.0</text>
				<text class="con4">4.0～24.0</text>
				<text class="con5"></text>
			</div>
			<div class="contain">
				<text class="con1">胆碱酯酶</text>
				<text class="con2">U/L</text>
				<text class="con3">7379</text>
				<text class="con4">4300～12000</text>
				<text class="con5"></text>
			</div>
			<div class="contain">
				<text class="con1">胆碱酯酶</text>
				<text class="con2">U/L</text>
				<text class="con3">7379</text>
				<text class="con4">4300～10000</text>
				<text class="con5"></text>
			</div>
		</section>
	</body>
	<script type="text/javascript">
		document.getElementById("back").onclick = function(){
			window.history.back(-1);
		}
	</script>
</html>
